.open_xhf_success-content {
	width: 100%;
	min-height: 100%;
	padding: 0.4rem 0.3rem 0rem 0.3rem;
	box-sizing: border-box;
	& * {
		box-sizing: border-box;
	}
	.sub-title {
		width: 100%;
		text-align: center;
		font-size: 0.36rem;
		font-weight: bold;
	}
	.card-box {
		display: flex;
		justify-content: space-between;
		margin: 0.3rem 0rem 0rem 0rem;
		.card {
			width: 3.36rem;
			height: 2.66rem;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			position: relative;
			&:nth-child(1) {
				background-image: url(../../../images/bg_xhf_open_xhd1.png);
				background-size: cover;
			}
			&:nth-child(2) {
				background-image: url(../../../images/bg_xhf_open_xhd2.png);
				background-size: cover;
			}
			.money-t {
				font-size: 0.28rem;
			}
			.money {
				font-size: 0.48rem;
				font-weight: bold;
				margin-top: 0.34rem;
			}
			.mt-20 {
				margin-top: 0.2rem;
			}
			.mt-42 {
				margin-top: 0.42rem;
			}
			.color-bf5757 {
				color: #bf5757;
			}
			.color-f82633 {
				color: #f82633;
			}
			.color-d8905a {
				color: #d8905a;
			}
			.unit {
				font-size: 0.28rem;
			}
			.tip-box {
				padding: 0.06rem 0.16rem 0.1rem 0.16rem;
				background: #ffb36a;
				font-size: 0.2rem;
				color: #ffffff;
				border-top-left-radius: 0.25rem;
				border-bottom-right-radius: 0.25rem;
				position: absolute;
				top: 0rem;
			}
			.button {
				width: 1.2rem;
				height: 0.44rem;
				margin-top: 0.24rem;
				background: #f82633;
				border-radius: 0.22rem;
				border: 0.02rem solid #f82633;
				font-size: 0.22rem;
				color: #ffffff;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
	.tip-t {
		font-size: 0.24rem;
		color: #999999;
		margin-top: 0.24rem;
		text-align: center;
	}
	.coupon-title-box {
		padding-right: 0.04rem;
		margin-top: 0.6rem;
		display: flex;
		justify-content: space-between;
		.left-text {
			font-size: 0.36rem;
			font-weight: bold;
			color: #232323;
		}
		.right-text {
			font-size: 0.28rem;
			color: #999999;
			span {
				vertical-align: middle;
			}
		}
		.item-right-arrow {
			width: 0.14rem;
			height: 0.23rem;
			background: url("../../../images/imageXHB/icon-next-arrow.png") center
				no-repeat;
			background-size: 0.14rem 0.23rem;
			display: inline-block;
			vertical-align: middle;
			margin-left: 0.06rem;
		}
	}
}
